<link href="{{$LAYOUT_HELPER_URL}}admin/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="{{$LAYOUT_HELPER_URL}}admin/css/style.css" rel="stylesheet" />
<link href="{{$LAYOUT_HELPER_URL}}admin/css/style2.css" rel="stylesheet" />
<div class="row">
    <div class="span6 offset3 export">
        <h3 class="text-center">Exporting</h3>
        <div class="progress progress-striped active">
            <div class="bar" style="width: 0%;"></div>
        </div>
    </div>
</div>

<!-- Tepmplate -->
    <script id="exportTemplate" type="text/x-jquery-tmpl">
        
        <div class="row">
            <div class="span6">
                <p class="text-error">An error occur.</p>
                <p class="text-success">Successful!.</p>
            </div>
            <div class="span2 download">
                <button class="btn btn-primary">Download .epub</button>
            </div>
            <div class="span3">
                <form>
                    <div class="control-group">
                        <label class="control-label" for="inputType1">Send to email</label>
                        <div class="controls">
                            <input type="email" required class="input-block-level" placeholder="Email address">
                        </div>
                    </div>
                    <button class="btn">Send</button>
                </form>
            </div>
            <div class="span2 offset2">
                <button class="btn">Feedback</button>
            </div>
        </div>
    </script>

    <!-- Javascript -->
    <script src="{{$LAYOUT_HELPER_URL}}admin/js/jquery.js"></script>
    <script src="{{$LAYOUT_HELPER_URL}}admin/js/jquery.tmpl.min.js"></script>
    <script src="{{$LAYOUT_HELPER_URL}}admin/js/bootstrap.min.js"></script>
    <script src="{{$LAYOUT_HELPER_URL}}admin/js/bootstrap.file-input.js"></script>
    <script src="{{$LAYOUT_HELPER_URL}}admin/js/init.js"></script>
    <script type="text/javascript">
        $('.bar').css('width','0%');
        var myVar = setInterval(function () { runProgress() }, 1000);
        var c = 0;
        function runProgress() {
            c = c + 20;
            $('.bar').css('width', c + '%');
        }
        setTimeout(function () { stopProgress() }, 5000);
        function stopProgress() {
            clearInterval(myVar);

            //var data = [{ num: i }];
            //$('.export').delay(300).html($("#exportTemplate").tmpl());
        }
    </script>